<div class="main">
    <form action="" class="p1">
        <?php if(empty($data['my_msg']['content'])):?>
        <input id="ipt_zf" class="ipt" type="text" value="亲！把绽放心语码这里！一同见证绽放哟~~限50字以内" maxlength="50" /><span id="sp_btn" class="sub"></span><a href="http://home.corp.anjuke.com/">回到首页&gt;&gt;</a>
        <?php else:?>
        <a href="http://home.corp.anjuke.com/">回到首页&gt;&gt;</a>
        <?php endif;?>
    </form>
    <div class="p2">
        <div class="p2d" id="panel_p2d">
    <?php
    foreach($data['user_list'] as $k=> $val):?><span <?php if($val[2] || $data['is_on']):?>class="on"<?php endif;?> uid="<?=$val[2]?>" <?php if($k==544):?>id="def_id"<?php endif;?> left="<?=$val[3]?>" top="<?=$val[4]?>" k="<?=$k?>"></span><?php endforeach;?>
<?php $allow='display:none;';
if(!empty($data['my_msg'])){$allow='';}
$allow.='left:550px;top:230px';
?>
            <div id="layer" class="layer" uid="<?=$userinfo['user_id']?>" style="<?=$allow?>"><em id="layer_con"><?=$data['my_msg']['content']?></em><i id="layer_name">--<?=$data['my_msg']['user_name']?></i></div>
        <div id="def_layer" class="layer" style="<?=$allow?>"><em id="layer_con1"><?=$data['my_msg']['content']?></em><i id="layer_name1">--<?=$data['my_msg']['user_name']?></i></div>
        </div>
    </div>
    <input type="hidden" id="mainData"/>
    <input type="hidden" id="my_content"/>
</div>



<?php $this->script_block_begin();?>
<script language="javascript" type="text/javascript">
    var ajax_url = '<?=Portal_Urls::ajax_2013_blossom()?>';
    var home_url = '<?=Portal_Urls::base_url()?>';
    var user_name= '<?=$userinfo['user_name']?>';
    var user_id= '<?=$userinfo['user_id']?>';
    var is_edit = <?=!empty($data['my_msg']['content']) ? 1 : 0 ?>;
    var uTop = 550;
    var uLeft= 230;
</script>
<script type="text/javascript" defer="defer">
jQuery.ajax({
    url:ajax_url,
    data:{
        'type':'get'
    },
    type:'get',
    success:function (data) {
        var datas = eval('(' + data + ')');
        var mainData = datas.data;
//        document.getElementById("mainData").innerHTML=mainData;

        //$('#mainData').val(mainData);
//        console.log('mainData:',document.getElementById("mainData").innerHTML);


        $.each($('#panel_p2d span'), function(i,ele){
            $(ele).bind('mouseover',function(){
                var uid = parseInt($(ele).attr('uid')),
                    layer = $('#layer');
                if(uid!=0){
                    var con = $('#layer_con'),
                        name = $('#layer_name');
                    con.html(mainData[uid].content);
                    name.html(mainData[uid].user_name);
                }

            });
        });
/*
        $('#panel_p2d span').each(function(ele){



        })*/

    }
});
</script>
<?php $this->script_block_end();?>
